{extend name='template/base'}{/extend}
{block name='title'}{/block}
{block name='style'}{/block}
{block name='script'}{/block}
{block name='footer'}{/block}
{block name='content'}
<body>
<header class="header">
    <div>
        <a class="back" href={$back_url}><i class="iconfont icon-zuoyoujiantou-copy-copy-copy"></i></a>
        收银台
    </div>
</header>
<div id="pay_page" class="pages">
    <template>
    <div class="list-form other not-t">
        <ul>
            <li>
                订单编号：
                <span class="pull-right">{{order.order_sn}}</span>
            </li>
            <li>
                订单金额：
                <span class="pull-right color-primary">￥{{order.total_amount}}</span>
            </li>
        </ul>
        <!--<ul>
            <li>
                <a href="" class="list-form-link">
                    <div class="icon"><i class="iconfont icon-weixin"></i></div>
                    <div>
                        <div>微信支付</div>
                        <p>微信安全支付</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="" class="list-form-link">
                    <div class="icon"><i class="iconfont icon-yue"></i></div>
                    <div>
                        <div>余额支付</div>
                        <p>当前余额：1000.00</p>
                    </div>
                </a>
            </li>
            <li>
                <a href="" class="list-form-link">
                    <div class="icon"><i class="iconfont icon-fukuan"></i></div>
                    <div>
                        <div>货到付款</div>
                        <p>货到付款</p>
                    </div>
                </a>
            </li>
        </ul>-->

            <ul class="cash-register">
                <li>
                    <div @tap.stop="wechat_pay(order.id)">
                        <button type="button" class="df" style="height: 50px;">
                            <i class="iconfont icon-weixin"></i>
                            微信支付
                        </button>
                    </div>
                    <div @tap.stop="balance_pay(order.id)" class="mt-unify">
                        <button type="button" class="df" style="height: 50px;">
                            <i class="iconfont icon-yue"></i>
                            余额支付(余额:{{info.money}})
                        </button>
                    </div>
                    <div @tap.stop="delivery_pay(order.id)" class="mt-unify">
                        <button type="button" class="df" style="height: 50px;">
                            <i class="iconfont icon-fukuan"></i>
                            货到付款
                        </button>
                    </div>
                </li>
            </ul>

    </div>
    </template>
</div>
{/block}
{block name='script_extra'}
<script>
    var delivery_pay_url = "{:url('order/Order/delivery_pay')}";
    var balance_pay_url = "{:url('order/Order/balance_pay')}";
    var wechat_pay_url = "{:url('order/Order/order_wechat_pay')}";
    var set_pay_pwd = "{:url('user/Account/set_pwd')}";
    var order_url = "{:url('order/Order/index')}";
    var pay_success = "{:url('order/pay/pay_success')}";
    var pay_data_url = "{:url('order/Order/pay_data')}";
    var order_id = "{$order_id}";
    require(['order/pay']);
</script>
{/block}